@import '../../../global.less'; //引入antd默认样式

@nav-content-height: @box-content-height;
//减去query 和 Divider 的高度
@table-content-height: calc(~'@{nav-content-height} - 70px - 49px');

.content{
    display: flex;
    flex-direction: row;
    .telBookGroup{
        width: 300px;
        min-width: 300px;
        height: @nav-content-height;
        border: 1px solid @border-color;
        border-radius: 4px;
        overflow: auto;
        padding: 10px;
    }
    .telBookContent{
        margin-left: 10px;
        width: 100%;
        .query{
            height: 70px;
            min-width: 700px;
            display: flex;
            flex-direction: row;
            align-items: flex-end;
            justify-content: space-between;
            .search{
                height: 32px;
                width: 800px;
                .inpt{
                    width: 200px;
                    margin-left: 20px;
                }
                .btn{
                    margin-left: 20px;
                }
            }
        }
        .content{
            overflow: auto;
            height: @table-content-height;
        }
    }
}
